


    
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" charset="width=device-width, initial-scale=1" user-scalable="no";>
	<!--手机设备显示-->
	<link href="./cloud_oa/js/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="./cloud_oa/js/jquery.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="./cloud_oa/js/layer/layer.js"></script>
	<link href="./cloud_oa/css/style.css" rel="stylesheet" type="text/css">
	<link href="./cloud_oa/css/sb-admin.css" rel="stylesheet">
	
	<script type="text/javascript">
	var index = parent.layer.getFrameIndex(window.name);
		$(document).ready(function(){
			
			var posId;
			var posName;
			$('input[name="posID"]').click(function(){
				posId = $(this).parent().parent().find('td').eq(1).text();
				posName = $(this).parent().parent().find('td').eq(2).text();	
				
			});
			$('#yes').on('click', function(){
				parent.$('#positionId').val(posId);
				parent.$('#posName').val(posName);
				parent.layer.close(index);
			});	
			
			$('#no').on('click', function(){
				parent.layer.close(index);
			});
			
			
		});
	
	</script>
</head>

<body>

	
	<div>
      	<table class="table table-striped table-bordered table-condensed table-hover">
          	<thead>
                	<tr>
                		<th width="88">选择</th>
                    	<th width="80">职务编号 </th>
                    	<th width="100">职务名称</th>
                    	<th>职务描述</th>					
                	</tr>	
           	</thead>	
              <tbody>		
               	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>1</td>
                 	<td>总经理</td>
                 	<td>公司总经理</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>2</td>
                 	<td>部门经理</td>
                 	<td>各个部门的部门主管</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>3</td>
                 	<td>行政主管</td>
                 	<td>管理公司行政事务专员</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>4</td>
                 	<td>车队管理</td>
                 	<td>管理车队专员以及有权利派遣车辆</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>5</td>
                 	<td>财务出纳</td>
                 	<td>负责公司财务出纳业务</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>6</td>
                 	<td>外派管理员</td>
                 	<td>管理外派员工公司信息等等</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>7</td>
                 	<td>员工</td>
                 	<td>普通员工</td>
              	</tr>		                
             	
              	<tr>
              		<td>
                 		<input class="radio" name="posID" type="radio" >
                 	</td>
                 	<td>21</td>
                 	<td>人力管理</td>
                 	<td></td>
              	</tr>		                
             	
             	</tbody>
      	</table>
            
   	<!-- 包含分页 -->
   	

<nav class="text-center">
	<ul class="pagination">

		
			<li class="disabled"><a href="#">上页</a></li>
			<li class="active"><a href="#">1</a></li>
		
		
		
		
		<!-- 总页数在10页以内 -->
		
		
			
			
				
					
					
						<li><a href="?pageNum=2">2</a></li>
					
				
			
			
			
				<li><a href="?pageNum=2">下页</a></li>
			
			
			
			
		
		
		
		<!-- 总页数大于10页以 -->
		
		<li class="disabled"><a href="#">共2页</a></li>
	</ul>
</nav>
   	   		    		    	  
    </div>  
    <div class="text-center">
    	<input id="yes" type="button" value="确定" class="btn btn-primary">
		<input id="no" type="button" value="取消" class="btn">
    </div>
    			
</body>

</html>